.header {
    width: 200px;
    height: 200px;
    background-color: pink;
    // less嵌套 子元素的样式直接写道父元素里面就行
    a {
        background-color: red;
        // 伪元素、伪类选择器、交集选择器，需要有在内层选择器前面加上&符号，才能被识别出来是伪类选择器，不然只会被识别出子元素
        &:hover {
            color: blue;
        }
    }

}
.nav {
  .logo {
    color: green;
  }
  &::before {
    content: "";
    display: block;
  }
}